<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>动画效果</title>
    <script type="text/javascript" src="../js/jquery-3.4.1.min.js"></script>
    <script>
        $(function(){
           $("img").click(function(){
              $(this).animate({"left":"1200px"},500)
                  .animate({"left":"300px","top":"700px"},500)
                  .animate({"left":"600px","top":"0px"},500)
                  .animate({"left":"900px","top":"700px"},500)
                  .animate({"left":"0px","top":"150px"},500);
              $(this).click();
           });
        });
    </script>
</head>
<body>
<img src="../images/heihei.gif" alt="图片加载失败" style="position:relative;left: 0px;top: 150px;">
</body>
</html>